<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="cn">
<head>
<%@ include file="/WEB-INF/pages/include/globa.jsp"%>
<head>
	<meta charset="utf-8" />
	<title>智能硬件梦工场</title>
	<meta http-equiv="description" content="智能硬件梦工场,敏捷制造,工业设计">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
	<meta http-equiv="keywords" content="智能硬件梦工场" />
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes" />
	<!-- 首页 布局 CSS样式 -->
	<link href="${SERVER_PATH}/css/index/main.css" rel="stylesheet">
	<!-- 网页css样式 -->
	<link href="${SERVER_PATH}/css/index/style.css" rel="stylesheet">
	<!--图标按钮-->
	<link href="${SERVER_PATH}/fonts/ali-icons-index/iconfont.css" rel="stylesheet" >
	
	<!--弹出层-->
	<link href="${SERVER_PATH}/libs/jquery/bootstrap-modal/css/bootstrap-modal.css" rel="stylesheet" >
	<link href="${SERVER_PATH}/libs/jquery/bootstrap-modal/css/bootstrap-modal-bs3patch.css" rel="stylesheet" >
	
	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  	<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    
</head>
<body>
	<header class="header large">
		<div class="container container-larger clearfix">
			<div class="page-wrap header-parent large">
				<div class="header-stable">
					<div class="header-logo large">
						<a href="${SERVER_PATH}/index">
							<h4><img src="${SERVER_PATH}/img/logo2.png" alt="梦工场"></h4>
						</a>
					</div>
				</div>
				<div class="page-wrap header-navi">
					<div class="navi-left">
						<ul id="navi-menu-left" class="page-wrap navigation">
							<li>
								<a href="${SERVER_PATH}/tech/list">科技成果</a>
							</li>
							<li>
								<a href="${SERVER_PATH}/made">智造局</a>
							</li>
							<li>
								<a href="#">活动</a>
							</li>
						</ul>
					</div>
					<div class="navi-login">
						<ul id="navi-menu-right" class="page-wrap navigation login-ul">
							
							<c:choose>
								<c:when test="${empty user}">
								<li>
									<a href="${SERVER_PATH}/login#/access/signin">登录</a>
								</li>
								<li>
									<span>|</span><a href="${SERVER_PATH}/login#/access/reg/phone">注册</a>
								</li>
								</c:when>
								<c:otherwise>
									<li class="userli">
										<a href="${SERVER_PATH}/user" >
										<i><img src="${user.icon}"/></i><span>${user.name}</span>
										</a>
									</li>
								</c:otherwise>
							</c:choose>
							
						</ul>
					</div>
					<div class="page-wrap navi-toggle">
						<a href="#" class="navi-toggle-btn" >
							<i class="iconfont icon-menu"></i>
						</a>
					</div>
				</div>
			</div>
		</div>
	</header>
	<!-- 侧边导航 -->
	<div class="slide-mask"></div>
	<aside class="slide-wrapper">
		<div>
			<ul id="navi-menu">
			</ul>
		</div>
	</aside>
	<section class="banner">
	      <div class="banner-caption banner-large">
	        <div class="container">
	          <div class="row">
	            <div class="col-md-8" >
	              <h2 class="text-left">敏捷制造 工业设计 研发方案</h2>
	              <h2 class="text-left">检测认证 产品中试 企业服务 市场营销</h2>
	              <p class="lead text-left">我们整合优秀的制造商、服务商</p>
	              <p class="lead text-left">让每一个想法都有实现的机会</p>
	              <p class="lead text-left">百闻不如一试，
		               <button type="button" id="homeEnter" class="banner-btn" >马上咨询</button>
	              </p>
	            </div>
	          </div>
	        </div>
	    </div>
	</section>
	<section class="content pt50 grey-bg">
		<div class="container">
			<div class="row">
				<div class="col-md-8 col-md-offset-2 text-center contet-head">
					<h3>了解智能硬件梦工场</h3>
				</div>
			</div>
			<div class="row mt30">
				<div class="col-md-4">
					<div class="text-center content-cover">
						<figure class="content-icon">
							<i class="iconfont icon-lan"></i>
						</figure>
             				<span class="covertitle">中关村智造大街</span>
						<blockquote>
							<p>
								中关村智造大街以“创意转化和硬件实现”为目标，以全链条服务和孵化为特色，涵盖了各类服务机构，
								帮助海淀原创的硬科技实现从0到1的过程，并为企业加速发展提供资本，政策和空间等多方位支持
							</p>
						</blockquote>
					</div>
				</div>
				<div class="col-md-4">
					<div class="text-center content-cover">
						<figure class="content-icon">
							<i class="iconfont icon-keji"></i>
						</figure>
             				<span class="covertitle">科技成果转化</span>
						<blockquote>
							<p>
								通过建立高校、科研院所与企业沟通交流的网络平台，
								将具有创新性的技术成果从科研单位转移到生产部门，使新产品增加，工艺改进，效益提高，最终经济得到进步
							</p>
						</blockquote>
					</div>
				</div>
				<div class="col-md-4">
					<div class="text-center content-cover">
						<figure class="content-icon">
							<i class="iconfont icon-zhinengtuiguang"></i>
						</figure>
             				<span class="covertitle">智能制造服务</span>
						<blockquote>
							<p>
								我们旗下的产品“智造局”从敏捷制造、工业设计、研发方案、检测认证、产品中试、企业服务、市场营销七个方面作为抓手，
								严格挑选、整合制造商、服务商，为中小企业和硬件创业者提供真正的解决方案

							</p>
						</blockquote>
					</div>
				</div>
			</div>
		</div>
	</section>
	<section class="content pt50 grey-bg" style="display: none;">
		<div class="container">
			<div class="row">
				<div class="col-md-8 col-md-offset-2 text-center contet-head">
					<h3>我们的项目</h3>
					<p>
						敏捷制造 工业设计 技术研发敏捷制造 工业设计 技术研发敏捷制造 工业设计 技术研发敏捷制造 工业设计 技术研发敏捷制造 工业设计 技术研发
						敏捷制造 工业设计 技术研发敏捷制造 工业设计 技术研发敏捷制造 工业设计 技术研发敏捷制造 工业设计 技术研发
						
					</p>
				</div>
			</div>
			<div class="row mt30">
				<div class="col-sm-6 col-xs-12 col-md-3">
		          	<div class="projcet-block">
	      		 		<a>
		      		 		<img src="img/project.jpg" class="project-cover" alt="项目一">
	      		 		</a>
			            <div class="text-left projcet-block-text">
			              <h3><a>工业2.0 项目</a></h3>
			              <p class="project-icon">
			                <a><i class="iconfont icon-weizhi"></i>北京</a>
			                <a><i class="iconfont icon-shebei25"></i>穿戴设备</a>
			              </p>
			            </div>
		         	</div>
	      		</div>
	      		<div class="col-sm-6 col-xs-12 col-md-3">
		          	<div class="projcet-block">
	      		 		<a>
		      		 		<img src="img/project.jpg" class="project-cover" alt="项目一">
	      		 		</a>
			            <div class="text-left projcet-block-text">
			              <h3><a>工业2.0 项目</a></h3>
			              <p class="project-icon">
			                <a><i class="iconfont icon-weizhi"></i>北京</a>
			                <a><i class="iconfont icon-shebei25"></i>穿戴设备</a>
			              </p>
			            </div>
		         	</div>
	      		</div>
	      		<div class="col-sm-6 col-xs-12 col-md-3">
		          	<div class="projcet-block">
	      		 		<a>
		      		 		<img src="img/project.jpg" class="project-cover" alt="项目一">
	      		 		</a>
			            <div class="text-left projcet-block-text">
			              <h3><a>工业2.0 项目</a></h3>
			              <p class="project-icon">
			                <a><i class="iconfont icon-weizhi"></i>北京</a>
			                <a><i class="iconfont icon-shebei25"></i>穿戴设备</a>
			              </p>
			            </div>
		         	</div>
	      		</div>
	      		<div class="col-sm-6 col-xs-12 col-md-3">
		          	<div class="projcet-block">
	      		 		<a>
		      		 		<img src="img/project.jpg" class="project-cover" alt="项目一">
	      		 		</a>
			            <div class="text-left projcet-block-text">
			              <h3><a>工业2.0 项目</a></h3>
			              <p class="project-icon">
			                <a><i class="iconfont icon-weizhi"></i>北京</a>
			                <a><i class="iconfont icon-shebei25"></i>穿戴设备</a>
			              </p>
			            </div>
		         	</div>
	      		</div>
	      		<div class="col-sm-6 col-xs-12 col-md-3">
		          	<div class="projcet-block">
	      		 		<a>
		      		 		<img src="img/project.jpg" class="project-cover" alt="项目一">
	      		 		</a>
			            <div class="text-left projcet-block-text">
			              <h3><a>工业2.0 项目</a></h3>
			              <p class="project-icon">
			                <a><i class="iconfont icon-weizhi"></i>北京</a>
			                <a><i class="iconfont icon-shebei25"></i>穿戴设备</a>
			              </p>
			            </div>
		         	</div>
	      		</div>
	      		<div class="col-sm-6 col-xs-12 col-md-3">
		          	<div class="projcet-block">
	      		 		<a>
		      		 		<img src="img/project.jpg" class="project-cover" alt="项目一">
	      		 		</a>
			            <div class="text-left projcet-block-text">
			              <h3><a>工业2.0 项目</a></h3>
			              <p class="project-icon">
			                <a><i class="iconfont icon-weizhi"></i>北京</a>
			                <a><i class="iconfont icon-shebei25"></i>穿戴设备</a>
			              </p>
			            </div>
		         	</div>
	      		</div>
	      		<div class="col-sm-6 col-xs-12 col-md-3">
		          	<div class="projcet-block">
	      		 		<a>
		      		 		<img src="img/project.jpg" class="project-cover" alt="项目一">
	      		 		</a>
			            <div class="text-left projcet-block-text">
			              <h3><a class="redblock">工业2.0 项目</a></h3>
			              <p class="project-icon">
			                <a><i class="iconfont icon-weizhi"></i>北京</a>
			                <a><i class="iconfont icon-shebei25"></i>穿戴设备</a>
			              </p>
			            </div>
		         	</div>
	      		</div>
	      		<div class="col-sm-6 col-xs-12 col-md-3">
		          	<div class="projcet-block">
	      		 		<a>
		      		 		<img src="img/project.jpg" class="project-cover" alt="项目一">
	      		 		</a>
			            <div class="text-left projcet-block-text">
			              <h3><a>工业2.0 项目</a></h3>
			              <p class="project-icon">
			                <a><i class="iconfont icon-weizhi"></i>北京</a>
			                <a><i class="iconfont icon-shebei25"></i>穿戴设备</a>
			              </p>
			            </div>
		         	</div>
	      		</div>
			</div>
			<div class="row text-center mb20">
				<button class="index-btn-large">查看更多</button>
			</div>
		</div>
	</section>
	<section class="content pt50">
		<div class="container">
			<div class="row">
				<div class="col-md-8 col-md-offset-2 text-center contet-head">
					<h3>技术成果</h3>
				</div>
			</div>
			<div class="row mt10 mb10">
				<div class="tech-list">
					<ul class="tech-list-content thead">
						<li>
							<i class="cell project" style="text-align:center;">项目</i>
							<i class="cell industry">行业</i>
							<i class="cell type">类型</i>
							<i class="cell deal">交易方式</i>
							<i class="cell operation">操作</i>
						</li>
					</ul>
					<div  id="techListId"></div>
				</div>
			</div>
			<div class="row text-center mt20">
				<button class="index-btn-large" onclick="window.location.href='${SERVER_PATH}/tech/list'">查看更多</button>
			</div>
		</div>
	</section>
	<section class="underfooter">
		<div class="container container-larger">
			<div class="row">
		       <div class="col-xs-9 col-sm-6 col-md-3 redlock-border">
					<!--<h4>联系我们</h4> -->
					<div class="footer-left">
						<dl class="footer-address">
							<dt><i class="iconfont icon-brand1"></i></dt>
							<dd>
								<address class="redlock-connect">
					              	<span>服务电话</span><br>
					              010-61934110
					            </address>
							</dd>
						</dl>
						<dl class="footer-address">
							<dt><i class="iconfont icon-brand2 foot-height"></i></dt>
							<dd>
								<address>
					              	<span>公司地址</span><br>
					             		北京市海淀区成府路45号 中关村智造大街
					            </address>
							</dd>
						</dl>
						<dl class="footer-address">
							<dt><i class="iconfont icon-brand"></i></dt>
							<dd>
								<address>
					              	<span>公司邮箱</span><br>
					              <a href="mailto:#">ying_zhihui@hotmail.com</a>
					            </address>
							</dd>
						</dl>
					</div>
				</div>
				<div class="col-xs-12 col-sm-6 col-md-6 redlock-border">
					<div class="footer-cooperation">
						<div class="row">
							<ul class="clearfix footer-links">
								<span class="footer-title">合作伙伴</span>
								<li style="width:180px">
									<a href="#" class="thumbnail">
										<img src="${SERVER_PATH}/img/logo3.png" alt="智造大街">
									</a>
								</li>
								<li style="padding-left: 20px;">
									<a href="#" class="thumbnail">
										<img src="${SERVER_PATH}/img/logo1.png" alt="智能硬件梦工场">
									</a>
								</li>
							</ul>
						</div>
					</div>

				</div>
				<div class="col-xs-12 col-sm-12 col-md-3">
					<div>
						<div class="footer-code">
							<span class="footer-title">扫描关注智能硬件梦工场</span>
							<img src="${SERVER_PATH}/img/code.jpg" class="v-code" alt="二维码">
						</div>
					</div>
				</div>
	      	</div>
		</div>
	</section>
	<footer>
		<div class="container">
			<div class="row">
				<p class="text-center">
					网站支撑单位：北京硬智汇科技有限公司
           			|&nbsp;<a href="http://www.miibeian.gov.cn/" target="_blank">京ICP备121212212号</a>
         			</p>
			</div>
		</div>
	</footer>
	
	<!-- jQuery -->
	<script type="text/javascript" src="${SERVER_PATH}/libs/jquery/jquery.min.js"></script>
	<!-- 响应导航  -->
	<script type="text/javascript" src="${SERVER_PATH}/js/web/response-navi.js"></script>
	<!-- 科技成果引入方法 -->
	<script type="text/javascript" src="${SERVER_PATH}/js/web/tech-function.js"></script>
	<!-- 首页js -->
	<script type="text/javascript" src="${SERVER_PATH}/js/web/index.js"></script>
	<!-- 弹出层js -->
	<script type="text/javascript" src="${SERVER_PATH}/libs/jquery/bootstrap-modal/js/bootstrap-modal.js"></script>
	<script type="text/javascript" src="${SERVER_PATH}/libs/jquery/bootstrap-modal/js/bootstrap-modalmanager.js"></script>
	
</body>
</html>